<!--{template top}-->

<div class="container">
    <!--顶部横幅广告-->
	<div class="for-advertise">
        <!--{ad_show(HOME_TOPL_ONE)}-->
		<!---->
	</div>
<!-- for-advertise end -->
</div>

<!--{template logo}-->

<nav class="site-nav">
<div class="container">
    <div role="navigation" class="navbar navbar-primary">
        <div class="navbar-header">
            <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <span class="navbar-actived">网站导航</span>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav nav-primary">
                <li>
                <div class="category-list">
                <a href="javascript:void(0);" class="category-title"><i class="fa fa-list-ul"></i> 全部服务分类 <i class="fa fa-angle-down"></i></a>
                <ul class="category-down category-down_zdy">
                    {loop $arrNewIndusCt $key $value}
                    <li class="category-item">
                        <div class="category-top">
                            <a href="index.php?do=tasklist&i=" target="_blank">{$arrIndusPt[$key]['indus_name']}</a>
                            <i class="fa fa-angle-right"></i>
                        </div>
                        <div class="category-inner">
                            <h3 class="category-inner-title">全部{$arrIndusPt[$key]['indus_name']}</h3>
                            {loop $value $k2 $v2}
                            <a href="index.php?do=tasklist&i=$v2['indus_id']" tabindex="-1" {if $v2['is_recommend']==1}class="hot"{/if}>$v2['indus_name']</a>
                            {/loop}
                        </div>
                     </li>
                    {/loop}
                </ul>
            </div>
        </li>
            {loop $nav_arr $k $v}
                <li {if $v['nav_style']==$do ||$v['nav_style']==$strNavActive}class="active"{/if} ><a href="{$v['nav_url']}" {if $v['newwindow']}target="_blank"{/if}><span>{$v['nav_title']}</span></a></li>
                <li class="line"></li>
            {/loop}
        </ul>
      </div>
    </div>
</div>
</nav>


<!-- 幻灯片 -->
<style type="text/css">
.gg_1 table tr td {
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #eee;
border-bottom-color: #eee;
}
.gg_1 table {
width:185px;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #eee;
border-left-color: #eee;
}
.gg_1 table tr td a{
width:185px;
float:right;
padding-right: 0px;
padding-left:0px;
display:block;
text-align:right;
}
.gg_1 table tr td .gg1:hover{
float:right;
padding-right: 3px;
}
.gg_1 table tr td .gg2:hover{
float:right;
padding-right: 3px;
}
.gg_1 table tr td .gg3:hover{
float:right;
padding-right: 3px;
}
.bann_b {
height: 136px;
width: 710px;
border: 1px solid #eee;
text-align:left;
padding-left:0px;
margin-top: 10px;
}
.mg_left240{
margin-left:240px;
}
.pd_left240{
padding-left:240px;
}
.bann_b a img {
width: 708px;
height:134px;
}
</style>
<div  class="container">
	<div class="home-top">	
            <div class="banner">
                <div class="fotorama" data-autoplay="true" data-width="100%" data-ratio="720/380" data-fit="cover" data-stopautoplayontouch="false"  data-loop="true" data-arrows="false" data-click="false" data-swipe="true">
                    <!--{ad_show(HOME_TOP_SLIDE,1)}-->
                </div>
                <!-- fotorama end -->
                <div class="add_div">
                    <a href="" style="width:230px;height: 130px;border: 1px solid #d4d4d4;margin-left: 2px;"><img src="tpl/default/img/phone.jpg" /></a>
                    <a href=""><img src="tpl/default/img/gg4.jpg" /></a>
		</div>
            </div>
		<!-- banner end -->

		<div class="site-noitce">
			<div class="site-noitce-top">
			{if $gUid}
				<div class="after">
					<ul class="nav nav-pills">
						<li class="active mr_5">
							<a href="#employer" data-toggle="tab">
								<i class="fa fa-flag"></i>
								我是雇主
							</a>
						</li>
						<li>
							<a href="#witkey" data-toggle="tab">
								<i class="fa fa-user"></i>
								我是威客
							</a>
						</li>
					</ul>

					<div class="tab-content">
						<div class="tab-pane active" id="employer">
							<a href="index.php?do=pubtask"  class="btn btn-info btn-sm btn-block">发布任务</a>
						</div>

						<div class="tab-pane" id="witkey">
							<a href="index.php?do=pubgoods"  class="btn btn-primary btn-sm btn-block">发布商品</a>
						</div>
					</div>
				</div>
			{else}

			<div class="before ">
				<div class="row">
					<div class="col-xs-6">
						<a href="index.php?do=register" class="btn btn-info btn-block">注册帐号</a>
					</div>
					<div class="col-xs-6">
						<a href="index.php?do=login" class="btn btn-primary btn-block">用户登录</a>
					</div>
				</div>
				<div class="site-other-login">
					第三方帐号登录：
					  {loop $api_open $k $v}
						{if $weibo_list[$k.'_app_id'] && !in_array($k,array('douban','renren'))}
					<a href="control/oauth_request.php?type={$k}" title="{$api_name[$k]['name']}"><img src="static/img/ico/{$k}_t.gif" alt="{$api_name[$k]['name']}"></a>
						{/if}
					{/loop}
				</div>
			</div>

			<!-- site-noitce-top end -->
			{/if}
			        <div class="ind_dbbg">
          <div class="col3a">
            <p class="pt20">担保交易</p>
            <p>
              <span class="fa-stack fa-2x">
验收工作满意后再付款
              </span>
            </p>
          </div>
          <div class="col3a">
            <p class="pt20">诚信保障</p>
            <p>
              <span class="fa-stack fa-2x">
诚信保障金先行赔付
              </span>
            </p>
          </div>
          <div class="col3a">
            <p class="pt20">威客认证</p>
            <p>
              <span class="fa-stack fa-2x">
实名认证，放心交易
              </span>
            </p>
          </div>
    </div>
			</div>
			
			
			
			
			<div class="site-noitce-bottom">
				<ul class="site-noitce-nav">
					<li class="active"><a href="#announcement" data-toggle="tab">公告</a></li>
					<li><a href="#notification" data-toggle="tab">中标通知</a></li>
					<li><a href="#withdrawal" data-toggle="tab">提现</a></li>
				</ul>
				<div class="tab-content">
					<div id="announcement" class="tab-pane fade in active">
						<ul class="site-noitce-list">
							{loop $arrBulletins $k $v}
							<li><i>&middot;</i><a href="index.php?do=article&id=$v['art_id']" target="_blank">{$v['art_title']}</a></li>
							{/loop}
						</ul>
					</div>
					<div id="notification" class="tab-pane fade">
						<ul class="site-noitce-list">
							{loop $arrDynamics $v}
							<li><i>&middot;</i>{$v[username]}成功中标 <a href="$v['event']['url']" target="_blank">$v['event']['content']</a></li>
							{/loop}
						</ul>
					</div>
					<div id="withdrawal" class="tab-pane fade">
						<ul class="site-noitce-list">
							{loop $arrWithdraws $v}
							<li><i>&middot;</i>{$v['username']}成功提现<span class="money">{$v['withdraw_cash']}<sub>元</sub></span></li>
							{/loop}
						</ul>
					</div>
				</div>
			</div>
			<!-- site-noitce-bottom end -->

		</div><!-- site-noitce end -->

<!--		<div class="add_div">
			<a href=""><img src="tpl/default/img/gg4.jpg" /></a>
		</div>-->

	</div>
	<!-- home-top end -->

	<div class="home-stats">
		<div class="home-stats-inner">
			<div class="home-stats-ctrl">
				<a href="javascript:$('#jcarousel_stats').jcarousel('scroll', '-=1');void(0);" ><i class="fa fa-caret-down"></i></a>
				<a href="javascript:$('#jcarousel_stats').jcarousel('scroll', '+=1');void(0);" ><i class="fa fa-caret-up"></i></a>
			</div>
			<div id="jcarousel_stats" class="home-stats-list jcarousel-vertical">
				<ul>
					<li>
						所有：
						<div class="home-stats-meta">任务总数 <span>{$arrPubAll['0']['count']}</span> 个</div>
						<div class="home-stats-meta">威客人数 <span>{$arrAcceptAll}</span> 人</div>
						<div class="home-stats-meta">成交总额 <span>{c:$arrCashAll['0']['cash']}</span> </div>
					</li>
					<li>
						今日：
						<div class="home-stats-meta">发布任务 <span>{$arrPubToday['0']['count']}</span> 个</div>
						<div class="home-stats-meta">成交任务 <span>{$arrAcceptToday}</span> 个</div>
						<div class="home-stats-meta">成交金额 <span>{c:$arrCashToday['0']['cash']}</span> </div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- home-stats end -->

<div class="home-task-header">
    	<div class="category-list2">1F 热门任务 </div>
<!-- category-list end -->
			<a class="more-link" href="index.php?do=tasklist" target="_blank">更多<i class="fa fa-angle-double-right"></i></a>
 </div>
 <!-- home-task-header end-->
  
  
<div class="home-task">
    <div class="home-task-body home-task-body-zdy">
<ul class="home-min-list home-min-list-zdy" style="margin-left:0; padding-left:0;">
  				{loop $arrRecommTaskLists $k $v}
  				<li>
                                    <div>
  					<a href="index.php?do=task&id=$v['task_id']" class="home-min-list-title" title="$v['task_title']" target="_blank"><span class="money">{if $v['task_cash_coverage']}<sub>￥</sub>{$arrCashCoverage[$v['task_cash_coverage']]['start_cove']}-<sub>￥</sub>{$arrCashCoverage[$v['task_cash_coverage']]['end_cove']}{else}<sub>￥</sub>$v['task_cash']{/if}</span> $v['task_title']</a>
  					<span class="home-min-list-meta">$v['username'] 发布</span>
  					<span class="home-min-list-meta">$v['work_num']投标</span>
                                    </div>
                                    <a class="home-min-a-zdy" href="index.php?do=task&id=$v['task_id']">立即参与</a>
  				</li>
				{/loop}
  			</ul>
</div>

<!-- home-task-body end -->

  </div>
  	<!-- home-task end -->
	
	
	
	<div class="home-record for-task home-record-zdy">
			<div class="home-record-header">
			<div class="record-ctrl">
			<a href="javascript:$('#jcarousel_bid').jcarousel('scroll', '-=1');void(0);"><i class="fa fa-caret-down"></i></a>
			<a href="javascript:$('#jcarousel_bid').jcarousel('scroll', '+=1');void(0);"><i class="fa fa-caret-up"></i></a>
			</div>
			<h3 class="min-title">中标动态</h3>
			</div>
			<!-- home-record-header end -->
			<div id="jcarousel_bid" class="home-record-body home-record-body-zdy jcarousel-vertical" data-jcarousel="true" data-jcarouselautoscroll="true">
						<ul class="record-list">
							{loop $arrDynamicPlays $k $v}
							<li>
								<!--{eval $timeDesc = kekezu::time2Units(time()-$v['feed_time'],'hour');}-->
								<p class="record-list-title">
									<span class="time">{if $timeDesc}{$timeDesc}前{else}刚刚{/if}</span>
									<a href="$v['feed_username']['url']">
									<!--{userpic($v['uid'],'small')}-->{$v[username]}
									</a>
								</p>
								<p class="record-list-post">
									<a href="$v['event']['url']" title="$v['event']['content']">{if $v['event']['cash']}<span class="money"><sub>￥</sub>$v['event']['cash']</span>{/if} $v['event']['content'] </a>
								</p>
							</li>
							{/loop}
						</ul>
			</div>
			<!-- home-record-body end -->
                        
            <div class="home-record-footer-zdy home-record-tasklist">
                <div>超过一百万个服务商为您服务<br><span>{$arrPubAll['0']['count']}</span>个交易</div>
                <a href="index.php?do=pubtask">免费发布需求</a>
            </div>
                        
	</div>
	
	<!--中部一栏广告-->
	<div class="for-advertise">
            <!--{ad_show(HOME_CENTAL_ONE)}-->
	</div>
            <!--{ad_show(INDEX_ZDY)}-->
            <!--{ad_show(HOME_TOP_SLIDE,1)}-->
	<!-- for-advertise end -->

<div class="home-shop-header">
    <div class="category-list2">2F 服务商	 </div>
    <!-- category-list end -->
    <a class="more-link" href="index.php?do=goodslist" target="_blank">更多<i class="fa fa-angle-double-right"></i></a>
</div>
		
		
<div class="home-shop">

  		<!-- home-shop-header end-->
		<div class="home-shop-body">
  			<ul class="home-min-list img">
  				{loop $arrRecommGoodsLists $k $v}
  				<li>
  					<a href="index.php?do=goods&id=$v['service_id']" title="$v['title']" target="_blank">
	  					<img src="tpl/default/img/grey.gif" class="lazy"  data-original="<!--{eval echo keke_shop_class::output_pics($v['pic'],210,1)}-->"  alt="$v['title']">
	  					<div class="home-min-list-detail">
							<span class="home-min-list-title">$v['title'] </span>
		  					<span class="home-min-list-meta">$v['username'] 发布</span>
		  					<span class="home-min-list-meta"><span class="money"><sub>￥</sub>$v['price']</span></span>
	  					</div>
	  				</a>
				</li>
				{/loop}
  			</ul>

  		</div>
  		<!-- home-shop-body end -->

  </div>
  	<!-- home-shop end -->


<div class="home-record for-shop">
<div class="home-record-header">
<div class="record-ctrl">
<a href="javascript:$('#jcarousel_bid2').jcarousel('scroll', '-=1');void(0);"><i class="fa fa-caret-down"></i></a>
<a href="javascript:$('#jcarousel_bid2').jcarousel('scroll', '+=1');void(0);"><i class="fa fa-caret-up"></i></a>
</div>
<h3 class="min-title">金牌服务商</h3>
</div>
<!-- home-record-header end -->
		<div class="home-record-body">
			<ul class="record-list img">
				{loop $arrRecommShops $k $v}
				<li>
					<a href="index.php?do=seller&id=$v['uid']" class="avatar" title="$v['shop_name']">
						<!--{userpic($v['uid'],'middle')}-->
					</a>

					<div class="avatar-detail">
						<p class="record-list-title">
							<a href="index.php?do=seller&id=$v['uid']" title="$v['shop_name']">
								$v['shop_name']
							</a>
						</p>
						<p class="record-list-meta">好评率 <span><!--{eval echo $v['good_rate']*100}--><sub>%</sub></span></p>
						<p class="record-list-tags">
							<span class="marked marked-tags">{$indus_p_arr[$v[indus_pid]][indus_name]}</span>
							<span class="marked marked-tags">{$indus_c_arr[$v[indus_id]][indus_name]}</span>
						</p>
					</div>
				</li>
				{/loop}
			</ul>
		</div>
<!-- home-record-body end -->
</div>
<!-- home-record end -->

<!--中部二栏广告-->
	<div class="for-advertise">
        <!--{ad_show(HOME_CENTAL_TWO)}-->
		<!---->
	</div>
<!-- for-advertise end -->




	<div class="home-case">
		<div class="home-case-header">
			<h2 class="home-case-title"><i class="fa fa-thumbs-up"></i> 成功案例</h2>
			<a class="more-link" href="index.php?do=case" target="_blank">更多<i class="fa fa-angle-double-right"></i></a>
		</div>
		<!-- home-case-header end -->
		<div class="home-case-body">

			<ul class="home-min-list img">
				{loop $arrCaseLists $k $v}
				
  				<li>
  					<a {if $v['obj_type']=='task'}href="index.php?do=task&id=$v['obj_id']" {else} href="index.php?do=goods&id=$v['obj_id']"{/if} title="{$v['case_title']}" target="_blank">
	  					<img alt="{$v['case_title']} " class="lazy" src="tpl/default/img/grey.gif"  data-original="{if file_exists($v['case_img'])}<!--{eval echo keke_shop_class::output_pics($v['case_img'],210,1);}-->{else}tpl/default/img/shop/shop_default_big.jpg{/if}">
	  					<div class="home-min-list-detail">
							<span class="home-min-list-title">{$v['case_title']} </span>
		  					<span class="home-min-list-meta">{if $v['obj_type']=='task'}投稿：{$v['work_num']}{else}售出：{$v['sale_num']}{/if}个</span>
		  					<span class="home-min-list-meta"><span class="money"><sub>￥</sub>$v['case_price']</span></span>
	  					</div>
	  				</a>
				</li>
				
				{/loop}
  			</ul>
		</div>
		<!-- home-case-body end -->
	</div>
<!-- home-case end -->


<div class="home-record for-news">
		<div class="home-record-header">
			<h3 class="min-title">资讯</h3>
		</div>
		<!-- home-record-header end -->
		<div class="home-record-body">
			<ul class="record-list">
				{if $arrArticleTop}
				<li>
					<a href="index.php?do=article&id=$arrArticleTop['art_id']" class="top-img"  title="{$arrArticleTop['art_title']}">
						<img class="lazy"  alt="{$arrArticleTop['art_title']}"   src="tpl/default/img/grey.gif"  data-original="{$arrArticleTop['art_pic']}">
						<span class="news-title">{$arrArticleTop['art_title']}</span>
					</a>
				</li>
				{/if}
				{loop $arrArticleLists $k $v}
				<li  <!--{eval if(count($arrArticleLists)-1==$k){}--> style="border-bottom: none;"  <!--{eval }}--> >
					<p class="record-list-title">
						<span class="time"><!--{eval echo date('m-d',$v['pub_time']);}--></span>
						<a href="index.php?do=article&id=$v['art_id']" class="news-title" title="$v['art_title']">
							$v['art_title']
						</a>
					</p>
				</li>
				{/loop}
			</ul>
		</div>
		<!-- home-record-body end -->
	</div>
	<!-- home-record end -->

	
	<!--
    <div class="home-other">
    	<p>我对 {$_K['sitename']} 有意见或建议，现在就<a href="javascript:sendSuggest();void(0);">提交</a></p>

	</div>
	-->
	
	<div class="for-advertise">
		<!--{ad_show(HOME_CENTAL_THREE)}-->
		<!--<img src="" data-src="holder.js/950x50/#f8f8f8:#ddd/text:AD">-->
	</div>
<!-- for-advertise end -->

</div>
<!-- container end -->
<script type="text/javascript">
    $(function(){

        $('#jcarousel_bid').jcarousel({
            wrap: 'circular',
            animation: 500,
            vertical: true
        }).jcarouselAutoscroll({
            scroll: '+=1',
            interval: 5000
        }).mouseenter(function(){
            $(this).jcarouselAutoscroll('stop');
        }).mouseleave(function(){
            $(this).jcarouselAutoscroll('start');
        });

        $('#jcarousel_stats').jcarousel({
            wrap: 'circular',
            vertical: true
        }).jcarouselAutoscroll({
            scroll: '+=1'
        }).mouseenter(function(){
            $(this).jcarouselAutoscroll('stop');
        }).mouseleave(function(){
            $(this).jcarouselAutoscroll('start');
        });
$('#jcarousel_bid2').jcarousel({
            wrap: 'circular',
            animation: 500,
            vertical: true
        }).jcarouselAutoscroll({
            scroll: '+=1',
            interval: 5000
        }).mouseenter(function(){
            $(this).jcarouselAutoscroll('stop');
        }).mouseleave(function(){
            $(this).jcarouselAutoscroll('start');
        });

    });

</script>
	
<!--{template footer}-->
